<!--  项目评审详情 -->
<template>
  <vxe-modal class-name="rk-modal rk-projsort-modal"
    resize
    transfer
    show-zoom
    fullscreen
    destroyOnClose
    v-model="visible"
    width="1000"
    height="600"
    :z-index="1002"
    min-width="460"
    min-height="320"
    @close="handleClose">
    <template #title>
      <div w-xs>项目评审详情：</div>
    </template>
    <template #default>
      <div>
        <div class="report-header">
          <el-button type="primary"
            style="float: right;"
            @click="handleClose">返回任务列表</el-button>
        </div>
        <div class="report-content">
          <div class="report-overview">
            <p>项目评审专家共10人，其中评审结论为 <b>通过</b> 的有 5 位，评审结论为 <b>不通过</b> 的有 5 位。</p>
            <p>项目终审得分：<b>80.00</b>分，系统自动评审结论：<b>不通过</b>。</p>
            <p>以下为规则评审详情：</p>
          </div>
          <div class="report-detail">
             
          </div>
        </div>
      </div>
    </template>
  </vxe-modal>
</template>
<script setup>
import { reserveProHandleTask } from "@/api/api-project";

const { appContext } = getCurrentInstance();
const globalProxy = appContext.config.globalProperties;


// ----- 弹窗相关操作
// 是否展示弹窗
const visible = ref(false)
// 是否加载中
const loading = ref(false)
// 表单回显数据
const echoFormData = ref({})
// 打开加载中
const openLoading = ref({})

/**
 * 打开弹窗
 * @param {Object} config 配置信息
 */
const handleOpen = async (config) => {
  visible.value = true
}
/**
 * 关闭弹窗
 */
const handleClose = () => {
  handleReset()
}
/**
 * 重置数据
 */
const handleReset = () => {
  visible.value = false
  loading.value = false
}

// 对外暴露方法
defineExpose({
  handleOpen
})
</script>

<style lang="scss" scoped>
.report-header {
  width: 100%;
  text-align: center;
  height: 45px;
}
.report-overview {
  p {
    font-size: 16px;
    margin-bottom: 5px;
  }
}
// .report-detail {
//   ul {
//     padding: 5px 0 0 0;
//   }
// }
</style>